
 .uni-app--showleftwindow + .uni-tabbar-bottom {
  	display: none;
  }
  page{
	  background-color: #eee !important;
  }
@mixin mgpd() {
	
	.pd{
		@for $i from 1 through 60 {
		  &-#{$i}) {
		 	padding: #{$i}px !important;
		  }
		}
		
	@each $selector in $selectors {
	  &-#{$selector} {
		  @for $i from 1 through 60 {
		    &-#{$i}) {
		   	padding-#{$selector}: #{$i}px !important;
		    }
		  }
	
	  }
	}
	}
	.mg{
		@for $i from 1 through 60 {
		  &-#{$i}) {
		 	margin: #{$i}px;
		  }
		}
	@each $selector in $selectors {
	  &-#{$selector} {
		  @for $i from 1 through 60 {
		    &-#{$i}) {
				
		   	margin-#{$selector}: #{$i}px !important;
		    }
		  }
	
	  }
	}
	}
	
	.br{
		&-rd{
		@for $i from 1 through 50 {
		  &-#{$i}) {
		 	border-radius: #{$i}px !important;
					overflow: hidden !important;
		  }
		}
		
	// @each $selector in $selectors {
	//   &-#{$selector} {
	// 	  @for $i from 1 through 50 {
	// 	    &-#{$i}) {
	// 	   	border-radius-#{$selector}: #{$i}px !important;
	// 		overflow: hidden !important;
	// 	    }
	// 	  }
	
	//   }
	//   }
	}
	}
	
}
$textors: left, center, right;
.text{
	@each $t in $textors {
	&-#{$t}{
		 text-align: #{$t} !important;
	}
	
	}
}
 .font{
	 &-bold {
	 	
	 font-weight: bold !important;
	 }
  @for $i from 1 through 40 {
		    &-size-#{$i}) {
				
		  font-size: #{$i}px !important;
		    }
		  }
		
		  }

$selectors: left, top, right, bottom;
$dirs: rtl, ltr;
@each $dir in $dirs {
.#{$dir}{
	  direction: #{$dir} !important;
}
	@include mgpd();
}




.bg-white{
	background-color: #fff  !important;
	&-filter {
		background-color: #ffffffa6  !important;
	}

}
.bg-primary{
	background-color: #2979ff  !important;
	color: #fff;
	&-filter {
		background-color: #2979ffa6  !important;
	}
}
.color{
	&-black{
		color: #000000  !important;
	}
&-white{
	color: #FFFFFF  !important;
}
&-price{
	color: $u-error  !important;
}
&-success{
	color:$u-success  !important;
}
&-label{
	color: #303133  !important;
}
}
.price:after{
	// content: "￥";
	font-size: 12px !important;
}
.priceA:after{
	 content: "￥"  !important;
	font-size: 12px  !important;
}
.flex{
	display: flex;
	.flex-item{
		flex: 1;
	}
}


	
